html,body{
  width:100%;
  height:100%;
}

canvas{
  display:block;
  vertical-align:bottom;
}

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


#particles-js{
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url(/extension/public/img/admin/bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.sk-rotating-plane {
  display: none;
  width: 80px;
  height: 80px;
  margin: auto;
  background-color: white;
  -webkit-animation: sk-rotating-plane 1.2s infinite ease-in-out;
  animation: sk-rotating-plane 1.2s infinite ease-in-out;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -80px;
}
.sk-rotating-plane.active{display: block;}

@keyframes sk-rotating-plane{
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes login-small{
  0%{
    transform: scale(1);-moz-transform: scale(1);	/* Firefox 4 */-webkit-transform: scale(1);	/* Safari å’Œ Chrome */-o-transform: scale(1);	/* Opera */-ms-transform:scale(1); 	/* IE 9 */
  }
  100%{
    transform: scale(0.2);-moz-transform: scale(0.1);	/* Firefox 4 */-webkit-transform: scale(0.2);	/* Safari å’Œ Chrome */-o-transform: scale(0.1);	/* Opera */-ms-transform:scale(0.1); 	/* IE 9 */
  }
}

.login{z-index: 2;position:absolute;width: 350px;border-radius: 5px;height: 500px;background: white;box-shadow: 0px 0px 5px #333333;top: 50%;left: 50%;margin-top: -250px;margin-left: -175px;transition: all 1s;-moz-transition: all 1s;	/* Firefox 4 */-webkit-transition: all 1s;	/* Safari å’Œ Chrome */-o-transition: all 1s;	/* Opera */}
.login-top{font-size: 24px;margin-top: 100px;text-align:center;box-sizing: border-box;color: #333333;margin-bottom: 50px;}
.login-center{width: 100%;box-sizing: border-box;padding: 0 40px;margin-bottom: 30px;}
.login-center-img{width: 20px;height: 20px;float: left;margin-top: 5px;}
.login-center-img>img{width: 100%;}
.login-center-input{float: left;width: 230px;margin-left: 15px;height: 30px;position: relative;}
.login-center-input input{z-index: 2;transition: all 0.5s;padding-left: 10px;color: #333333;width: 100%;height: 30px;border: 0;border-bottom: 1px solid #cccccc;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;box-sizing: border-box;outline: none;position: relative;}
.login-center-input input:focus{border: 1px solid dodgerblue;}
.login-center-input-text{background: white;padding: 0 5px;position: absolute;z-index: 0;opacity: 0;height: 20px;top: 50%;margin-top: -10px;font-size: 14px;left: 5px;color: dodgerblue;line-height: 20px;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari å’Œ Chrome */-o-transition: all 0.5s;	/* Opera */}
.login-center-input input:focus~.login-center-input-text{top: 0;z-index: 3;opacity: 1;margin-top: -15px;}
.login.active{-webkit-animation: login-small 0.8s ; animation: login-small 0.8s ;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
#btn{cursor: pointer;width: 250px;text-align: center;height: 40px;line-height: 40px;background-color: dodgerblue;border-radius: 5px;margin: 0 auto;margin-top: 50px;color: white;display: block;border: 1px solid dodgerblue;}

.alert-danger{color: #19a97b;text-align: center;font-size: 16px;}

.forgot-password{padding-left: 15px;padding-right: 15px;}
.forgot-password a{
  display: block;
  margin: 20px 25px 0 0;
  font-size: 14px;
  color: darkgray;
  float: right;
}
/*找回密码--选择发送方式页面*/
#adminbacktype {
  margin: 115px auto 0px;
  width: 360px;
}
#adminbacktype .desc {
  border-color: #E6DB55;
  background-color: lightYellow;
  margin: 0 0 16px 8px;
  padding: 12px;
  font: 14px/1 'Microsoft YaHei',Tahoma,'Simsun';
}
.round {
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
}
#adminbacktype form {
  margin-left: 8px;
  padding: 20px 24px 30px;
  font-weight: normal;
  border: 1px solid #E5E5E5;
}
#adminbacktype form .submit a{
  color: #23b7e5;
  text-decoration: none;
}
.shadow {
  -moz-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
  -webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
  box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
}
#adminbacktype p.abt_type {
  margin: 8px 0px 15px;
  padding: 5px 10px;
  border: 1px solid #efefef;
}
#adminbacktype .on_abt {
  background: #f8f8f8;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font: 14px/1 'Microsoft YaHei',Tahoma,'Simsun';
}
.next1_mob span{display: block;}
#adminbacktype p.abt_type label {
  display: block;
  cursor: pointer;
}
#adminbacktype p.abt_type .abt_tt {
  font-weight: bold;
  font-size: 14px;
}
#adminbacktype p.abt_type .abt_dis {
  padding-left: 18px;
  color: #777;
  font: 14px/1 'Microsoft YaHei',Tahoma,'Simsun';
}
#adminbacktype .abt_turn {
  position: relative;
  top: 12px;
  left: 5px;
  font: 14px/1 'Microsoft YaHei',Tahoma,'Simsun';
}
#adminbacktype p.submit .submit {
  float: right;
}
input.submit {
  display: block;
  background: #23b7e5;
  border: 0 none;
  height: 34px;
  line-height: 26px;
  padding: 0px 35px;
  color: #fff;
  cursor: pointer;
  border-radius: 2px;
}
/*end找回密码--选择发送方式页面*/
/*找回密码--发送邮箱显示页面*/
.submitnxt a{
  color: #23b7e5;
  text-decoration: none;
}